/* 超出文本省略号：单行 */
@mixin ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 超出文本省略号：多行 */
@mixin multi-ellipsis($line: 2) {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $line;
  -webkit-box-orient: vertical;
}

/* 混入文本颜色 */
@mixin font-color($color) {
  color: $color;
  [data-theme="dark"] & {
    color: $font-color--dark;
  }
  [data-theme="light"] & {
    color: $font-color--light;
  }
}

/* 混入背景颜色 */
@mixin bg-color($color) {
  background-color: $color;
  [data-theme="dark"] & {
    background-color: $bg-color--dark;
  }
  [data-theme="light"] & {
    background-color: $bg-color--light;
  }
}
